<template>
    <view style="width: 100%;height: 100vh" class="flex_column">
        <!-- 首页 -->
        <page-head></page-head>
        <view style="padding: 0.2rem 0.6rem;flex:1;">
            <view style=" height: 100%;" class="flex_col">
                <view class="flex_row_between rem04">
                    <view>
                        升级

                    </view>

                </view>


                <view class="set-cont rem04" style="flex:1">
                    <view style="text-align: center;">
                        <image src="../../image/jd.png" style="height: 25vh;" mode="heightFix"></image>
                    </view>
                    <view>正将软件升级到版本 V1.0.2 2021.1.23，该过程大概需要花费5分钟30秒，</view>
                    <view>请您稍事歇息</view>
                    <view class="alignCenter" style="width: 12rem;padding-top: 1rem;" @click="back_click">

                        <button style="background: #646B97;" type="primary">
                            <view style="padding: 0.1rem 1rem;">取消</view>
                        </button>

                    </view>
                </view>
            </view>

        </view>
        <uni-popup ref="popup"  >
            <view style="padding: 3vh 6vh;background-color: #fff;border-radius: 2vh;color: #000000;">
                <view class="alignCenter" >
                    <view style="margin-right: 4vh">
                        <view style="font-size: 4vh;">发现软件新版本 V1.0.2 </view>
                        <view style="font-size: 3vh;color: #474B66;">您当前使用的版本为 V1.0.0</view>
                    </view>
                    <view style="margin: 0 1vh;" >
                        <button style="background: #FFFFFF;">
                    	取消
                    </button>
                    </view>
                     <view style="margin: 0 1vh;" >
                         <button style="background: #44CE7B;">
                         	升级
                         </button>
                       </view>   
                	
                </view>
                
            </view>
        </uni-popup>
    </view>


</template>

<script>
    export default {
        data() {
            return {
                btnArr: ["YL-8系", "YL-6系", "YL-4系"],
                typeTxt: "",
                open: true,
            }
        },
        onShow: function() {
            this.typeTxt = this.btnArr[getApp().globalData.type];
            // console.log(getApp().globalData.type)
        },
        onReady(){
            this.$refs.popup.open('center')
        },
        methods: {
            navigateTo(url) {
                uni.navigateTo({
                    url: url
                })
            },
            back_click() {
                uni.navigateBack({
                    delta: 1
                })
            }
        }
    }
</script>

<style>
    page {
        background: #1E2238;
    }



    .set-cont {
        background: #4A5079;
        border-radius: 0.3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 1rem 0;
    }

    .set-cont-title {
        padding-right: 0.3rem;
        width: 3rem;
        text-align: right;
    }

    .input-con {
        background: #646B97;
        border-radius: 0.2rem;
        height: 0.8rem;
        display: flex;
        align-items: center;
        padding-left: 0.2rem;
    }

    .open-con {
        background: #000;
        border-radius: 0.2rem;
        height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.1rem;
        padding-left: 0.4rem;
    }

    .open-btn {
        background: #646B97;
        border-radius: 0.2rem;
        height: 0.7rem;
        width: 2rem;
        flex: 1;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .dian {
        width: 0.1rem;
        height: 0.1rem;
        background: #fff;
        border-radius: 0.1rem;
        margin-right: 0.3rem;
    }

    .set-btn-con {
        padding: 0.5rem 3rem;
        display: flex;
        justify-content: center;
    }
</style>
